08 JS流程控制

共计 1592 个字符，预计需要花费 4 分钟才能阅读完成。

一.if ... else if ... else

1.if ... else

var height = 180;
if(height > 175){console.log("OK");
}else {console.log("NO");
}

2.if ... else if ... else

var weather = 'sunny';
if(weather === 'sunny'){console.log('天气很好，出去玩');
}
else if(weather ==='rainy'){console.log('下雨，在家玩');
}
else if(weather ==='snowing'){console.log('下雪，出去玩雪');
}
else{alert('输入非法，重新输入');
}

二.switch

ps : switch 中的 case 子句通常都会加 break 语句，否则程序会继续执行后续 case 中的语句

var weather = 'sunny';
switch(weather){
    case 'sunny':
        alert(1);
        break; // 如果不 break 就会一直进行下去
    case 'rainy':
        alert(2);
        break;
    case 'snowing':
        alert(3);
        break;
    default:
        alert(4);
}

三. 三元运算

• 语法 : var [变量名] = [条件] ? [真的执行这个] : [假的执行这个]

var isresult = 7 < 2 ? 'OK' : 'NO';
alert(isresult);  // "NO"

四.for 循环

• 语法:

for([初始化条件];[结束条件];[递增条件]){// 需要执行的代码}

• 示例

// 0~1000 之和
var i;
var sum = 0;
for (i = 1; i <= 1000; i++){console.log(i);
    sum += i;
}
console.log(sum);

• 示例

var shopping = ['香蕉','苹果','牛奶','红牛'];  // 定义一个数组
var j;
for(j = 0;j < shopping.length; j++){  // .length 数组的长度 
    console.log(shopping[j]);  // 在控制台输出
    document.write(shopping[j]);  // 显示在网页上

    var htmlStr = '<h1>' + shopping[j] + '</h1>'; // 拼接添加 h1 标签
    document.write(htmlStr);  // 再显示在网页上
}

五.break 与 continue 语句

1.break : 挑出当前循环 (结束循环)

var x = 0;
for (;;){  // ;; 代表死循环
    if(x > 100){break;  // 如果 x 大于 100 则结束循环}
    x++;  // x 自增
}
console.log(x);

2.continue : 挑出当前循环, 下次循环继续

// 求 1~10 之和, 但排除 8
var sum = 0;
for(var i = 1;i <= 10;i++){if(i===8){continue; // 当 i=8, 跳过进行下一次相加}
    sum = sum+i;
}
alert(sum);
console.log(sum)

六.while 循环

• 语法

while([判断循环结束条件]){
    // 需要执行的代码
    // 递增条件
}

• 示例

// 求 0~99 奇数和
var n = 99;   // 初始奇数  
var num = 0;  // 初始和
while(n>0){   // 先判断，再循环
    num = num + n;
    n -= 2;
}
alert(num);

七.do...while 循环

• while 是先进行判断, 再进行循环
• do...while 是先进行一次循环, 再进行判断

// 0~99 之和
var sum = 0;  // 初始和
var i = 1;    // 初始奇数
do{
    sum = sum + i;
    i++;
}while(i <= 100);
alert(sum);

• 先进行 do 的测试

var sum = 0;
var i = 1;
do{
    sum = sum + i;
    i++;
}while(i<=1);
alert(sum);
// 结果等于 1